﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ChartScoreBase.aspx.cs" Inherits="Web.ChartScoreBase" %>
<%@ Register src="ChartHeader.ascx" tagname="ChartHeader" tagprefix="uc1" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link href="css/style_a/web.css" type="text/css" rel="stylesheet" media="screen" />
    <link href="css/style_a/print.css" type="text/css" rel="stylesheet" media="print" />
    <script src="js/jquery-1.4.4.min.js" type="text/javascript"></script>
    <script src="js/JScharts/jscharts_mb.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function() {
            var myData = new Array(['个人', <%= ViewMyScore%>], ['班级', <%= ViewClassEverage %>], ['年级', <%= ViewGradeEverage %>], ['学区', <%= ViewAreaEverage %>]);
            var colors = ['#FA5E1F', '#FDCB3F', '#71D743', '#D23333'];
            var myChart = new JSChart('barChart', 'bar');
            myChart.patchMbString();
            myChart.setDataArray(myData);
            myChart.colorizeBars(colors);
            myChart.setTitle('个人成绩比较');
	        myChart.setTitleColor('#8E8E8E');
	        myChart.setAxisNameX('');
	        myChart.setAxisNameY('分值');
	        myChart.setAxisColor('#c6c6c6');
	        myChart.setAxisWidth(1);
	        myChart.setAxisNameColor('#9a9a9a');
	        myChart.setAxisValuesColor('#939393');
	        myChart.setAxisPaddingTop(60);
	        myChart.setAxisPaddingLeft(50);
	        myChart.setAxisPaddingBottom(60);
	        myChart.setTextPaddingBottom(20);
	        myChart.setTextPaddingLeft(15);
	        myChart.setTitleFontSize(12);
	        myChart.setAxisNameFontSize(12);
	        myChart.setAxisValuesFontSize(9);
	        myChart.setBarValuesFontSize(9);
	        myChart.setBarBorderWidth(2);
	        myChart.setBarSpacingRatio(60);
	        myChart.setBarValuesColor('#737373');
	        myChart.setGrid(true);
            myChart.setSize(616, 321);
            myChart.setBackgroundImage('images/chart_bg.jpg');
            myChart.draw();
        });
    </script>
</head>
<body>
<form id="form1" runat="server">
<uc1:ChartHeader ID="ChartHeader1" runat="server" />
<div id="main">
  <ul class="control">
    <li class="home"><a href="ChartScoreMain.aspx?examroomid=<%=examroomid %>&studentid=<%=studentid %>" title="首页">首页</a></li>
    <li class="prev"><a href="ChartScoreMain.aspx?examroomid=<%=examroomid %>&studentid=<%=studentid %>" title="上一页">上一页</a></li>
    <li class="next"><a href="ChartScoreKnowModle.aspx?examroomid=<%=examroomid %>&studentid=<%=studentid %>" title="下一页">下一页</a></li>
    <li class="end"><a href="ChartScoreEnd.aspx?examroomid=<%=examroomid %>&studentid=<%=studentid %>" title="末页">末页</a></li>
  </ul>
  <div><a href="/ChartReport/DownStudent.aspx?examroomid=<%=examroomid %>&studentid=<%=studentid %>" >下载报表</a></div>
  <ul id="page">
    <li class="every">
      <div class="module-t">
        <h3>综合评价</h3>
        <em class="num">
            <span class="num_curr">1</span>
            <span class="num_total">/8</span>
        </em>
      </div>
      <div class="module-c">
      	<%--<div class="content">你本次考试的总体评价为<%= bcnm%></div>--%>
        <table class="module_table">
            <thead>
            <tr>
            <th rowspan="2">你的成绩</th>
            <th colspan="3">班级成绩</th>
            <th colspan="3">年级成绩</th>
            <th colspan="3">学区成绩</th>
            </tr>
            <tr>
            <th width="10%">平均分</th>
            <th width="10%">最高分</th>
            <th width="10%">考试人数</th>
            <th width="10%">平均分</th>
            <th width="10%">最高分</th>
            <th width="10%">考试人数</th>
            <th width="10%">平均分</th>
            <th width="10%">最高分</th>
            <th width="10%">考试人数</th>
            </tr>
            </thead>
            <tbody>
            <tr>
            <td><%=ViewMyScore %>&nbsp;</td>
            <td><%=ViewClassEverage%>&nbsp;</td>
            <td><%=ViewGClassMax%>&nbsp;</td>
            <td><%=ViewClassNumber %></td>
            <td><%=ViewGradeEverage%>&nbsp;</td>
            <td><%=ViewGradeMax%>&nbsp;</td>
            <td><%=ViewGradeNumber %></td>
            <td><%=ViewAreaEverage%>&nbsp;</td>
            <td><%=ViewAreaMax%>&nbsp;</td>
            <td><%=ViewAreaNumber %></td>
            </tr>
            </tbody>
        </table>
    
        <ul class="module_stat">
          <li>
            <div class="module-c" id="barChart"></div>
          </li>
          
        </ul>
      </div>
      <div class=module-t>
        <h3>试卷点评</h3>
      </div>
      <div class="module-c">
        <div class="content"><%= comment%></div>
      </div>
     </li>
    </ul>
    <ul class="control">
        <li class="home"><a href="ChartScoreMain.aspx?examroomid=<%=examroomid %>&studentid=<%=studentid %>" title="首页">首页</a></li>
        <li class="prev"><a href="ChartScoreMain.aspx?examroomid=<%=examroomid %>&studentid=<%=studentid %>" title="上一页">上一页</a></li>
        <li class="next"><a href="ChartScoreKnowModle.aspx?examroomid=<%=examroomid %>&studentid=<%=studentid %>" title="下一页">下一页</a></li>
        <li class="end"><a href="ChartScoreEnd.aspx?examroomid=<%=examroomid %>&studentid=<%=studentid %>" title="末页">末页</a></li>
    </ul>
</div>
<div id="foot">CopyRight 2011 海淀教育考试培训中心
</div>
</form>
</body>
</html>

